@import "../../styles/base";

/*商品列表*/
.ga-product-list{
  .ga-filter{
    background: #fff;
    @extend %flex;
    position: fixed;
    width:100%;
    top:0;
    left:0;
    right:0;
    z-index:$zindexFixedTopbar;

    .item{
      @include wh(100%,60rpx,60rpx);
      text-align: center;

      &.active{
        color:$primary;
      }
    }

    .price{
      @include wh(100%,60rpx,60rpx);
      @include display-flex;
      @include justify-content(center);

      &.active{
        .txt{
          color:$primary;
        }

        .up{
          .icon-caret-up{
            color:$primary;
          }
        }

        .down{
          .icon-caret-down{
            color:$primary;
          }
        }
      }
    }

    .icon-box{
      margin-left:10rpx;
      @include display-flex;
      @include flex-direction(column);
      @include justify-content(center);
    }
  }

  .ga-group-list{
    margin-top:60rpx;

    .item{
      margin-top:10rpx;
      font-size:22rpx;
    }
    .img-box{
      @include wh(200rpx,150rpx);
      border:1rpx solid $grayLighter;
      @include border-radius(8rpx);
      @include box-shadow(4rpx 6rpx 15rpx $grayLighter);
    }

    .item-inner{
      @extend %flex;
      @include flex-direction(column);
    }

    .p2{
      color:$gray;
      span{
        color:$primary;
      }
    }

    .p3{
      margin-top:10rpx;
      font-size:18rpx;
      color:$grayLight;
    }

    .p4{
      color:$primary;
      font-size:18rpx;

      span{
        font-size:22rpx;
      }
    }
  }
}
